const app = getApp()
import {
  querySeckillProductList
} from "../../service/seckill"
Page({
  /**
   * 页面的初始数据
   */
  data: {
    // 胶囊距离屏幕顶部的距离
    top: app.globalData.menuButtonTop,
    // 胶囊高度
    height: app.globalData.menuButtonHeight,
    // 胶囊左方大小
    left: app.globalData.menuButtonLeft,
    // 胶囊按钮下边缘距离屏幕顶部的距离
    bottom: app.globalData.menuButtonBottom,
    // 胶囊的顶部Margin
    margin: app.globalData.menuMargin,
    // 秒杀商品类型
    type: 0,
    // 当前页面
    page: 1,
    // 秒杀页面大小
    pageSize: 10,
    // 秒杀商品总尺寸
    totalRecord: 0,
    // 秒杀商品列表
    productList: null,
    // 加载状态
    loading: false
  },
  /**
   * 下拉到一定的阈值，加载更多数据
   */
  async onScrollToLower() {
    this.setData({
      loading: true
    })
    this.data.page = this.data.page + 1
    const res = await querySeckillProductList(this.data.type, this.data.page, this.data.pageSize)
    if (!res.data.records || res.data.records.length === 0) {
      this.setData({
        loading: false
      })
    } else {
      this.setData({
        productList: this.data.productList.concat(res.data.records),
        loading: false
      })
    }
  },
  // 点击返回上层页面
  onTapNavigateBack() {
    wx.navigateBack()
  },
  /**
   *  点击前往商品页面
   */
  onTapNaviagteToProductPage(event) {
    const productId = event.currentTarget.dataset.productId
    console.log(productId);
    wx.navigateTo({
      url: `/pages/Product/Product?productId=${productId}`,
    })
  },

  async loadData() {
    const res = await querySeckillProductList(this.data.type, this.data.page, this.data.pageSize)
    this.setData({
      totalRecord: res.data.records,
      productList: res.data.records
    })
    console.log(this.data);

  },
  onTapChangeType(event) {
    this.setData({
      type: Number(event.currentTarget.dataset.type),
      page: 1,
      pageSize: 10
    })
    this.loadData()
  },
  /**
   * 生命周期函数--监听页面加载
   */
  async onLoad(options) {
    this.loadData()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})